<template>
	<div class="adminui-topbar">
		<div class="left-panel clearfix" >
			<view>帮助文档</view>
			<view>视频教程</view>
		</div>
		<div class="right-panel">
			<slot></slot>
		</div>
	</div>
</template>

<script>
import globalparam from "@/constant/model/globalparam";
import useTabs from "@/utils/useTabs";
	export default {
		data() {
			return {
				breadList: [],
				searchKeyword:null,
				searchLoading:false,
			}
		},
		created() {
			this.getBreadcrumb();
		},
		watch: {
			$route() {
				this.getBreadcrumb();
			}
		},
		methods: {
			async searchHandler() {
				
			},
			getBreadcrumb(){
				let matched = this.$route.meta.breadcrumb;
				this.breadList = matched;
			},
			home(){
				this.$router.push('/index');
			}
		}
	}
</script>

<style scoped lang="scss">
.inputSearch{
	width: 330px;height: 43px;
}
	.el-breadcrumb {margin-left: 15px;}
	.el-breadcrumb .el-breadcrumb__inner .icon {font-size: 12px;margin-right: 5px;float: left;}
	.breadcrumb-enter-active,.breadcrumb-leave-active {transition: all 0.3s;}
	.breadcrumb-enter-from,.breadcrumb-leave-active {opacity: 0;transform: translateX(20px);}
	.breadcrumb-leave-active {position: absolute;}
	.leftHome{
		width: 44px;
	height: 38px;

	background-size: 100% 100%;
	//margin: 17px 0 0 16px;
		margin-left:10px;
	cursor: pointer;
	float: left;
	border: 1px solid #fff;
	}
	.leftsSarch{
		float: left;
		margin: 0px 0 0 16px;
	}
	.leftsSarch .el-input {
		--el-input-placeholder-color: rgba(153, 153, 153, 1);
		--el-input-border-color:rgba(219, 220, 222, 1);
		font-size: 14px;
		font-weight: NaN;
	}
@media (min-width: 1200px) and (max-width: 1600px){
	.inputSearch{
		width: 240px;height: 33px;
	}
	.leftHome{
		width: 44px;
	height: 38px;
	}
}


.btnHome2{
	width: 40px;
	height: 34px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 2px;
}
.btnHome2 i{
	font-size: 35px;
	color: rgb(55, 143, 253);
}
.leftHome:hover{
	background-image: linear-gradient(
    221deg,
    rgba(241, 246, 253, 1) 0,
    rgba(241, 246, 253, 1) 0,
    rgba(210, 227, 252, 1) 100%,
    rgba(210, 227, 252, 1) 100%
  );

	border: 1px solid rgba(105, 178, 251, 1);
}
</style>
